<template>
  <div class="w-100% h-100%">
    <router-view />
  </div>
  <!-- <HelloWorld msg="Vite + Vue" /> -->
</template>
<script setup lang="ts">
import { ref, onMounted } from "vue";
import _ from "lodash-es";
import HelloWorld from "./components/HelloWorld.vue";
import { setDatalist } from "./utils/pestetdata";
const newData = ref([]);
// const commtext = ref(`curtain	窗帘	/ˈkɜːtən/
// shelves	架子	/ʃɛlvz/
// toilet	厕所	/ˈtɔɪlət/
// wardrobe	衣柜	/ˈwɔːdrəʊb/
// carpet	毛毯/地毯	/ˈkaːpɪt/
// armchair	手扶椅	/ˈaːmˈʧeə/
// cooker	炊具	/ˈkʊkə/
// lamp	台灯	/læmp/
// mirror	镜子	/ˈmɪrə/
// shower	淋浴	/ˈʃaʊə/
// somewhere	某个地方	/ˈsʌmweə/
// flat	公寓	/flæt/
// quite	相当地	/kwaɪt/
// comfortable	舒服的	/ˈkʌmfətəbəl/
// untidy	不整洁的	/ʌnˈtaɪdi/
// busy	忙碌的	/ˈbɪzi/
// important	重要的	/ɪmˈpɔːtənt/
// quiet	安静的	/ˈkwaɪət/
// finally	最后地	/ˈfaɪnəli/
// adventure	冒险	/ədˈvɛnʧə/
// arrive	到达	/əˈraɪv/
// as usual	和往常一样	/æz/ /ˈjuːʒuəl/
// ancient	古老的	/ˈeɪnʃənt/
// `);
// newData.value = setDatalist(commtext.value);
// console.log(883, newData.value);
</script>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
